$(function () {
    // 给邮箱实现动态加载头像
    showTime();
    window.history.forward(-1);

    /*
    步骤：
        1.确保页面加载过后执行
        2.邮箱文本框失去焦点
        3.获取这个文本框中填写的邮箱对应的头像地址，展示到上面的img元素上
        4.因为客户端的js无法直接操作数据，应该通过js发送ajax请求
        5.告诉服务器端的某个接口
        6.让这个接口帮助客户端获取头像地址
    */
    $('#email').on('blur', function () {
        showTime();
    });

    // 给登录按钮注册点击事件
    $('#btn').on('click', function () {
        $('.login-wrap').attr("class", "login-wrap");
        // 验证用户输入
        // 获取用户输入的邮箱
        var email = $('#email').val();
        var reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
        if (!reg.test(email)) {
            // 提示用户
            $('.alert').removeClass('hidden').children('.msg').text('请输入正确的邮箱');
            return;
        }
        // 然后发送请求
        // 先收集数据
        var data = $('.login-wrap').serialize();
        // 发送ajax请求
        $.ajax({
            type: 'post',
            url: '/admin/api/login-api.php',
            data: data,
            dataType: 'json',
            success: function (res) {
                console.log(res);
                // 判断请求是否成功
                if (res.code == 1) {
                    
                    // 如果成了，提示用户，并跳转到后台主页
                    location.replace('index.php');
                } else { 
                    $('.login-wrap').attr("class", "login-wrap shake animated");

                    // $('.alert').removeClass('hidden').fadeOut(function () {
                    //     $(this).fadeIn(1000).children('.msg').text(res.msg);
                    
                    $('.alert').removeClass('hidden').fadeOut(function () {
                        $('.alert').children('.msg').text(res.msg);
                    }).fadeIn();
                    return;
                }//);
            }
        });      
    });
});
// 生成头像方法
function showTime() {
    var data = $('.login-wrap').serialize();
    var emailFormat = /^[a-zA-Z0-9]+@[a-zA-Z0-9]+\.[a-zA-Z0-9]+$/;
    var emailval = $('#email').val();
    // 忽略掉文本框为空或者不是一个邮箱
    if (!emailval || !emailFormat.test(emailval)) return;
    $.ajax({
        type: 'POST',
        url: '/admin/api/login-avatar.php',
        data: data,
        dataType: 'json',
        success: function (res) {
            if (res.code == 1) {
                $('.avatar').fadeOut(function () {
                    $(this).fadeIn(1000).attr('src', res.data.avatar)
                    $('.alert').attr('class', 'alert alert-danger hidden');
                });

            } else {
                $('.avatar').fadeOut(function () {
                    $(this).fadeIn().attr('src', '../assets/img/default.png')
                })
            }
        }
    });
}